import React, { Component } from 'react'
import { Table, Image, Checkbox } from 'semantic-ui-react'
import { TableRow } from 'components/memberTable'

export default class SelectFiles extends Component {
  render() {
    return (
      <Table basic="very">
        <Table.Header>
          <Table.Row>
            <Table.HeaderCell>
              <Checkbox />
            </Table.HeaderCell>
            <Table.HeaderCell
              style={{
                wordBreak: 'keep-all',
                whiteSpace: 'nowrap',
              }}
            >
              文件名
            </Table.HeaderCell>
            <Table.HeaderCell />
            <Table.HeaderCell>文件大小</Table.HeaderCell>
            <Table.HeaderCell>更新时间</Table.HeaderCell>
          </Table.Row>
        </Table.Header>
        <Table.Body>
          <TableRow>
            <Table.Cell collapsing>
              <Checkbox />
            </Table.Cell>
            <Table.Cell collapsing>
              <Image src="http://xingjing.dudc.org/a21.jpg" rounded size="mini" />
            </Table.Cell>
            <Table.Cell>node_modules</Table.Cell>
            <Table.Cell>Approved</Table.Cell>
            <Table.Cell>None</Table.Cell>
          </TableRow>
          <TableRow>
            <Table.Cell collapsing>
              <Checkbox />
            </Table.Cell>
            <Table.Cell collapsing>
              <Image src="http://xingjing.dudc.org/a22.jpg" rounded size="mini" />
            </Table.Cell>
            <Table.Cell>node_modules</Table.Cell>
            <Table.Cell>Approved</Table.Cell>
            <Table.Cell>None</Table.Cell>
          </TableRow>
        </Table.Body>
      </Table>
    )
  }
}
